<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title></title>
    <link rel="stylesheet" th:href="@{/static/before/css/style.css}"/>
    <script th:src="@{/webjars/jquery/1.8.3/jquery.js}" type="text/javascript"></script>
    <style>
        .div-1{
            /*border: 1px solid red;*/
            width: 60%;
            font-family: "微软雅黑";
            position: relative;
            height: 50px;
            left: 20%;
        }
        .pc{
            line-height:55px;
            font-size: 30px;
        }
        p{
            line-height:25px;
            letter-spacing:1px;
        }
    </style>
</head>

<body>
<div th:insert="before/header :: header"></div>
<div th:insert="before/header02 :: header02"></div>

<div class="xiangqing">
    <div class="neirong w">
        <nav class="fr">
            <li>
                <a th:href="@{/before/summarize/} + ${goodsparam.gid}">概述</a>
            </li>
            <li>|</li>
            <li>
                <a th:href="@{/before/goodsparam/}+${goodsparam.gid}">参数</a>
            </li>
            <li>|</li>
            <li>
                <a th:href="@{/before/showcomments/}+ ${goodsparam.gid}">查看评价</a>
            </li>
            <div class="clear"></div>
        </nav>
        <div class="clear"></div>
    </div>
</div>

<!--图片信息-->
<center>
    <p id="all">
    <div>
        <img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${goodsparam.showimages})}" id="img01"
             title="图片1"/>
    </div>

</center>

<div style="background-color: rgba(82,91,100,0.01)">
<br/>
<p class="pc" style="position: relative;left: 10%">参数：</p><br/>
<div th:each="goodsinfos:${goodsinfo}">
    <p class="div-1" style="font-weight: bold;font-size: 22px; color: #ff470b;position: relative;left: 15%" th:text="${goodsinfos.gname}==null ? '': ${goodsinfos.gname}"></p>
    <p class="div-1" th:text="${goodsinfos.service}==null ? '': ${goodsinfos.service}"></p>
    <p class="div-1" th:text="${goodsinfos.introduct}==null ? '': ${goodsinfos.introduct}"></p>
    <br/>
    <p class="div-1" style="font-weight: bold" th:text="${goodsinfos.uptime}==null ? '': '上新时间：'+${goodsinfos.uptime}"></p>
    <div th:each=" applianceparams:${goodsinfos.applianceparam}">
        <p class="div-1"  style="font-weight: bold;font-size: 22px;position: relative;left: 15%"  th:text="${applianceparams.origin}==null ? '': ${applianceparams.origin}"></p>
        <p class="div-1" th:text="${applianceparams.MAh}==null ? '': ${applianceparams.MAh}"></p>
        <p class="div-1" th:text="${applianceparams.other}==null ? '': ${applianceparams.other}"></p>
        <p class="div-1" th:text="${applianceparams.theory}==null ? '': ${applianceparams.theory}"></p>
        <p class="div-1" th:text="${applianceparams.power}==null ? '': ${applianceparams.power}"></p>
        <p class="div-1" th:text="${applianceparams.classify}==null ? '': ${applianceparams.classify}"></p>
    </div>
    <div th:each="phoneparams:${goodsinfos.phoneparam}">
        <p class="div-1" th:text="${phoneparams.appearancesize}==null ? '': ${phoneparams.appearancesize}"></p>
        <p class="div-1" th:text="${phoneparams.wireless}==null ? '': ${phoneparams.wireless}"></p>
        <p class="div-1" th:text="${phoneparams.processor}==null ? '': ${phoneparams.processor}"></p>
        <p class="div-1" th:text="${phoneparams.nfc}==null ? '': ${phoneparams.nfc}"></p><br/>
        <p class="div-1" th:text="${phoneparams.network}==null ? '': ${phoneparams.network}"></p>
        <p class="div-1" th:text="${phoneparams.memory}==null ? '': ${phoneparams.memory}"></p>
        <p class="div-1" style="font-weight: bold;font-size: 22px; position: relative;left: 15%" th:text="${phoneparams.discernway}==null ? '': ${phoneparams.discernway}"></p>
        <p class="div-1" th:text="${phoneparams.camera}==null ? '': ${phoneparams.camera}"></p>
        <p class="div-1" th:text="${phoneparams.battery}==null ? '': ${phoneparams.battery}"></p>
    </div>

</div>
</div>

<!--<script  th:inline="javascript" type="text/javascript">
    $(document).ready(function () {
       var $goodsp=$("#goods").attr("goodsparam");
       var $appl=$("#appl").attr("appliParms");
       var $o=$(".o");
       var $f=$(".f");

       if($goodsp==null){
           $o.hidden;
           $f.show;
       }
       if($appl==null){
           $o.show;
           $f.hidden;
       }
    })
</script>
<input type="hidden" th:attr="goodsparam=${goodsparam}" id="goods" />
<input type="hidden" th:attr="appliParms=${appliParms}" id="appl"/>-->
<div class="clear "></div>
<div style="position: relative;top: 50px" th:insert="before/footer :: footer"></div>
</body>

</html>